<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>滑动条</title>
    <link rel="stylesheet" href="./css/main.css">
    <script style="text/javascript" src="./js/main.js" ></script>
</head>
<body>
    <div id="hdt_head">
       <ul id="hdt_ul">
           <li class="hdt_ul_li"><img src="./img/1.jpg" alt=""></li>
           <li class="hdt_ul_li"><img src="./img/2.jpg" alt=""></li>
           <li class="hdt_ul_li"><img src="./img/3.jpg" alt=""></li>
           <li class="hdt_ul_li"><img src="./img/4.jpg" alt=""></li>
           <li class="hdt_ul_li"><img src="./img/5.jpg" alt=""></li>
       </ul> 
       <ul id="hdt_lu">
         <li class="class_li">
           <div class="kuai">
             
           </div>
         </li>
         <li class="class_li">
           <div class="kuai">
             
           </div>
         </li>
         <li class="class_li">
           <div class="kuai">
             
           </div>
         </li>
         <li class="class_li">
           <div class="kuai">
             
           </div>
         </li>
         <li class="class_li">
           <div class="kuai">
             
           </div>
         </li>
       </ul>
      <div id="bottn_left">
           
       </div>
      <div id="bottn_right">
           
       </div>
    </div>
</body>
</html>